<!DOCTYPE html>
<html lang="en">
	<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<link href="css/style.css" rel="stylesheet">
		<title>html5新增的布局元素</title>
		{% load static%}
    	<link rel="stylesheet" type="text/css" href="{% static 'css/7css.css' %}"/>
	</head>

	<body bgcolor="mediumblue"  background="{% static 'image/t01d61356d326bd0f99.jpg' %}">
        <!----头部-->
        <div id="header"  >
			
		<header >
			<!--如果出现了多个h标签 <hgroup></hgroup>-->
			<h3>BLOG Online 个人微博<label style="float:right;"><a href="/login/index/">[登录]</a>&nbsp;&nbsp;<a href="/login/register/">[注册]</a></label></h3>
		</header>
		<img  id="photo" src="{% static 'image/t0163a96d50907c4c59.jpg' %}" style="width: 1500px;height: 80px"/>
                            
        <!--导航-->
        </div>
        <div id="contatiner" style="height: 900px;border: 1px solid gray; margin-top: 5px" >
		<nav>
			<!--用列表来做导航-->
			<ul>
				<li>
					<a href="/login?page=1">首页</a>
				</li>
				<li>
					<a href="/login/jsl1/1?page=1">技术类</a>
				</li>
				<li>
					<a href="/login/jsl1/2?page=1">生活类</a>
				</li>
				<li>
					<a href="/login/jsl1/3?page=1">其它</a>
				</li>
				<li>
				<a style="float:right;" href="/login?page=1">返回</a>
				</li>
			</ul>
        </nav>
        </html>